<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人资料</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/common.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/personInfo.css"/>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="personInfoWeb">
			<header class="backHeader">
				<div class="cephalo">
					<span class="img_jiantou"><img src="img/Information_consultation/left.png"/></span>
					<span class="fav_name">个人资料</span>
				</div>
			</header>
			<section class="personInfoCon">
				<ul>
					<li>
						<span>头&emsp;像</span>
						<input hidden type="file" name="file" accept="image/*">
						<div class="avar">
							<div>
								<img src="img/PersonalInformation/or_07.jpg"/>
							</div>
							<div>
								<img src="img/accountSecurity/Sj_03.png"/>
							</div>
						</div>
					</li>
					<li>
						<span>用户名</span>
						<input type="text" />
					</li>
					<li>
						<span>职&emsp;业</span>
						<input type="text" />
					</li>
					<li>
						<span>性&emsp;别</span>
						<input type="text" />
					</li>
				</ul>
				<!--弹出遮罩层-->
				<!--<div class="mask">
					<div class="maskCon">
						<div class="close">
							<img src="img/index/close2_icon.png"/>
						</div>
						<ul>
							<li class="title">修改头像</li>
							<input hidden type="file" name="file" accept="image/*">
							<li class="item">
								<img src="img/index/photo_icon.png"/>
								<span>相册</span>
								<img src="img/index/rightArr_icon.png"/>
							</li>
							<li class="item">
								<img src="img/index/photo2_icon.png"/>
								<span>拍照</span>
								<img src="img/index/rightArr_icon.png"/>
							</li>
						</ul>
					</div>
				</div>-->
				<button class="seeMore_ saveBtn">保&emsp;存</button>
			</section>
			<!--尾部-->
			<footer class="indexFooter">
				<ul>
					<li>
						<img src="img/index/home_icon.png"/>
					</li>
					<li>
						<img src="img/index/id_icon.png"/>
					</li>
					<li>
						<img src="img/index/buy_icon.png"/>
					</li>
					<li>
						<img src="img/index/service_icon.png"/>
					</li>
				</ul>
			</footer>
		</div>
		<script src="js/touchBtn.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
//			$(".maskCon .item").on("click",function(){
//				$(".maskCon").find("input[type=file]").trigger("click");
//			})
			$(".avar").on("click",function(){
				$(this).siblings("input[type=file]").trigger("click");
			})
		</script>
	</body>
</html>
